import classNames from "classnames";
import "./table.scss";

type TheadProps = {
  children: React.ReactElement;
  isTransparent?: boolean;
};

export const THead = ({
  children,
  isTransparent = true,
}: TheadProps): React.ReactElement => {
  const theadClassName = (): string => {
    return classNames(
      "dashboard_table_thead",
      isTransparent ? "transparent" : ""
    );
  };
  return (
    <>
      <div className={theadClassName()}>{children}</div>
    </>
  );
};
